// 1. 导入react核心库
import React from 'react'
// 2. 导入react-dom用于react操作dom
import ReactDOM from 'react-dom/client'


// 加载App组件入口文件（组件的主文件）
// import App from './App'


// 加载baidu组件入口文件（组件的主文件）
// import  Baidu from './百度/baidu'

// 加载活动组件入口文件（组件的主文件）
// import Activity from './活动/activity'


// 加载评论组件入口文件（组件的主文件）
// import Comment from './评论/comment'

// TodoList
// import TodoList from './TodoList/TodoList'

import TodoList from './Hooks/context/todoList'

// 4. 创建根节点
let root = ReactDOM.createRoot(document.getElementById('root'))
// 5. 渲染虚拟dom到页面中
root.render(<TodoList />)














// import React from 'react';
// import ReactDOM from 'react-dom/client';
// import './index.css';

// let item = <>
//   {
//     // 头部
//   }
//   <div className='top'>
//     <img className='top_img' src="//www.baidu.com/img/PCtm_d9c8750bed0b3c7d089fa7d55720d6cf.png" alt=''></img>
//   </div>
//   {
//     // 搜索框
//   }
//   <div className="search">
//     <input className='search_input'></input>
//     <button className="search_button">百度一下</button>
//   </div>
//   {
//     // 热搜
//   }
//   <div className="hot">
//     <div className='hot_top'>
//       <span className='left'>百度热搜</span>
//       <span className='right'>换一换</span>
//     </div>
//     <div className='hot_button'>
//       <ul>
//         <li><span style={{ color: '#f63051' }}>1</span>一组海报带你看活力中国</li>
//         <li><span style={{ color: '#fe2d46' }}>2</span>媒体：胡鑫宇录音笔解析今日出结果</li>
//         <li><span style={{ color: '#f60' }}>3</span>专家称年轻时不应为钱去选择工作</li>
//       </ul>
//       <ul>
//         <li><span style={{ color: '#faa90e' }}>4</span>多重部署为消费复苏添信心</li>
//         <li><span style={{ color: '#9195a3' }}>5</span>胡鑫宇家属:遗体在学校后山粮库找到</li>
//         <li><span style={{ color: '#9195a3' }}>6</span>30多家中企排队申请在瑞士上市</li>
//       </ul>
//     </div>
//   </div>



  
//   <div className='todoList'>
//     <div className='todoListtop'>
//       <h1 style={{ color: '#009933', padding: '20px 0 6px 20px' }}>拾忆记事本</h1>
//       <p style={{ color: '#339900', padding: '0 0 8px 20px' }}>记录生活的点点滴滴,写下生活的每一个美好</p >
//       {/* 搜索框 */}
//       <div className='search2'>
//         <button className='height '>内容</button>
//         <input className='ipt' placeholder='输入你要记事的内容' />
//         <button className='height '>确认</button>
//       </div>
//     </div>
//     {/* 内容 */}
//     <div className='list'>
//       <div style={{ display: 'flex' }}>
//         <p className='num'>1</p >
//         <span className=''>|</span>
//         <p className='record'>第一条记事本</p >
//       </div>
//       <span style={{ marginRight: '40px', fontWeight: '800', color: 'skyblue' }}>x</span>
//     </div>
//     {/* 总数 */}
//     <div style={{ display: 'flex', justifyContent: 'space-between', marginTop: '16px', padding: '0 1px' }}>
//       <h3>总数:<span>3</span></h3>
//       <p>清除</p >
//     </div>
//   </div>
// </>
// const root = ReactDOM.createRoot(document.getElementById('root'));
// root.render(item)
